import React from 'react'
import { BrowserRouter, Route, Switch } from 'react-router-dom'
import Main from '../Main'
import Open from '../Open'
import Put from '../Put'
import Put_Done from '../Put_done'

// function App() {
//
//     const routes = {
//         '/' :()=><Main />,
//         '/open' :()=> <Open />,
//         '/put' :()=> <Put />,
//         '/put_done/:id' :()=> <Put_Done />,
//     };
//
//     const routeResults = useRoutes(routes);
//
//     return (
//         <div className="App">
//             <div/>
//             {routeResults || <h1>PAGE  NOT FOUND</h1>}
//         </div>
//     )
//
// }
//
// export default App;

export default class App extends React.Component {
  render() {
    return (
      <BrowserRouter>
        {/* 根据URL路径匹配路由组件，渲染到该位置 */}
        <Switch>
          <Route path="/" exact component={Main} />
          <Route path="/put" component={Put} />
          <Route path="/put_done/:id" component={Put_Done} />
          <Route path="/open" component={Open} />
          {/*<Route path='/open' component={Open} />*/}
          {/* 这是一个默认页面，如果前面的路由都没有被匹配到，就会渲染这个组件，相当于404，一定要放到最后 */}
          {/*<Route component={} />*/}
        </Switch>
      </BrowserRouter>
    )
  }
}
